<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scaable=no,mimum-scale=1.0,maxinum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="sass/hotspot.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
    <div class="nav">
        <div class="nav-text">
           <div class="navigation">
                <div class="navigation-left"><a href="./index.html" class="iconfont">&#xe62c;</a></div>
                <p>影视快讯</p>
                <div class="iconfont home">&#xe66c;
                    <div class="more">
                        <p class="home"><a href="./index.html">首页</a></p>
                        <p class="home"><a href="./list.html">榜单</a></p>
                        <p class="home"><a href="">热搜</a></p>
                        <p class="home"><a href="./tab-with-segmented-control.html">商城</a></p>
                    </div>
                </div>
            </div> 
        </div>
    </div>
<div class="newest">·  最新  ·</div>
<div class="text">
    <div class="comment">
        <a href="flash.html">
        <div class="subtitle"> 电影《石狮爱情故事》定档11月11日全国感动上映 </div>
        <div class="img">
            <img src="https://p0.meituan.net/moviemachine/32bb90c03e52170b16a0d6a641b2e03757143.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p1.meituan.net/moviemachine/8a8a6307f6464496af8fb4b7225e3ddf110079.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p1.meituan.net/moviemachine/e746d1dbb6d7fe0058c610c2491c7b4699124.jpg@300w_225h_80q_1e_1c" alt="">
        </div>
        <div class="heat">
            <span class="maoyan">猫眼电影</span>
            <div class="heat-right">
            <span class="iconfont"> &#xe661;  22</span> &nbsp;
            <span class="iconfont"> &#xe639;  0</span></div>
        </div>
    </a>
    </div>
    <div class="comment">
        <a href="">
        <div class="subtitle">电影《天书奇谭4K纪念版》发角色海报 传递时代印记与全新意趣</div>
        <div class="img">
            <img src="https://p1.meituan.net/moviemachine/c7781146befcc4be425c75581c71f4da212113.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p1.meituan.net/moviemachine/3dc71ecdd1bcbda6cdcf0a7772656bf3317405.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p0.meituan.net/moviemachine/a850438d78c83a2c9a304cb78bf3fb93144924.jpg@300w_225h_80q_1e_1c" alt="">
        </div>
        <div class="heat">
            <span class="maoyan">猫眼电影</span>
            <div class="heat-right">
            <span class="iconfont"> &#xe661; 45</span> &nbsp;
            <span class="iconfont"> &#xe639; 0</span></div>
        </div>
    </a>
    </div>
    <div class="comment">
        <a href="">
        <div class="subtitle">嗨翻全场！合家欢动画《蜜熊的音乐奇旅》发布“雨林遇险”新片段</div>
        <div class="img">
            <img src="https://p1.meituan.net/moviemachine/43357af688ee43ea08df68acb4b5bab3122828.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p0.meituan.net/moviemachine/da4b8e4f28bcf33697d88c43c76bc8e0112943.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p1.meituan.net/moviemachine/9bfe6ee13955e46cf4815f66943d0aba80664.jpg@300w_225h_80q_1e_1c" alt="">
        </div>
        <div class="heat">
            <span class="maoyan">猫眼电影</span>
            <div class="heat-right">
            <span class="iconfont"> &#xe661; 23</span> &nbsp;
            <span class="iconfont"> &#xe639; 0</span></div>
        </div>
    </a>
    </div>
    <div class="comments">
        <a href="">
        <div class="imgs">
            <img src="https://p1.meituan.net/moviemachine/b772ff7b5095e0f04c56c9fea9c9db14123178.jpg@300w_225h_80q_1e_1l_1c">
        </div>
        <div class="main">
        <div class="subtitle">《长津湖》票房破50亿 超1亿观众致敬最可爱的人</div>
            <div class="heat">
            <span class="maoyan">猫眼电影</span>
            <div class="heat-right">
            <span class="iconfont"> &#xe661; 983</span> &nbsp;
            <span class="iconfont"> &#xe639; 1</span>
        </div>
        </div>
    </div></a>
    </div>
    <div class="comments">
        <a href="">
    <div class="imgs">
        <img src="https://p0.meituan.net/moviemachine/34a90208147e4336165441975c56b2f638566.jpg@300w_225h_80q_1e_1l_1c" alt="">
    </div>
    <div class="main">
    <div class="subtitle">IMAX特制拍摄《沙丘》举行超前观影见证“有生之年”科幻史诗</div>
        <div class="heat">
        <span class="maoyan">猫眼电影</span>
        <div class="heat-right">
        <span class="iconfont"> &#xe661; 387</span> &nbsp;
        <span class="iconfont"> &#xe639; 1</span>
    </div>
    </div>
    </div></a>
    </div>
    <div class="comment">
        <a href="">
        <div class="subtitle">嗨翻全场！合家欢动画《蜜熊的音乐奇旅》发布“雨林遇险”新片段</div>
        <div class="img">
            <img src="https://p1.meituan.net/moviemachine/43357af688ee43ea08df68acb4b5bab3122828.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p0.meituan.net/moviemachine/da4b8e4f28bcf33697d88c43c76bc8e0112943.jpg@300w_225h_80q_1e_1c" alt="">
            <img src="https://p1.meituan.net/moviemachine/9bfe6ee13955e46cf4815f66943d0aba80664.jpg@300w_225h_80q_1e_1c" alt="">
        </div>
        <div class="heat">
            <span class="maoyan">猫眼电影</span>
            <div class="heat-right">
            <span class="iconfont"> &#xe661; 23</span> &nbsp;
            <span class="iconfont"> &#xe639; 0</span></div>
        </div>
    </a>
    </div>
    <div class="comments">
        <a href="">
        <div class="imgs">
            <img src="https://p1.meituan.net/moviemachine/b772ff7b5095e0f04c56c9fea9c9db14123178.jpg@300w_225h_80q_1e_1l_1c">
        </div>
        <div class="main">
        <div class="subtitle">《长津湖》票房破50亿 超1亿观众致敬最可爱的人</div>
            <div class="heat">
            <span class="maoyan">猫眼电影</span>
            <div class="heat-right">
            <span class="iconfont"> &#xe661; 983</span> &nbsp;
            <span class="iconfont"> &#xe639; 1</span>
        </div>
        </div>
    </div></a>
    </div>
</div>  
</body>
<script>
      // 在iphone6 375宽度中  html是以20px作为基本单位
      (function () {
        function w() {
            var all = document.documentElement;  // 获取html元素
            var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
            console.log(123,test)
            if (test > 750) {
                test = 750;
            }
            rem = test / 18.75;
            console.log(rem)
            all.style.fontSize = rem + 'px'
        }
        w();
        window.addEventListener("resize", function () {
            w()
        }, false)
    })();  
</script>
</html>